<template>
	<view>
		<view class='img'>
			<img class="imgs" src="../../images/4.png" alt="" />
		</view>
		<view class="text">
			<view>您还没有历史订单呦~</view>
		</view>
		<view class='botton' @click="mini">去点餐</view>
	</view>
</template>

<script setup>
	const mini=()=>{
		uni.redirectTo({
			url: '/pages/menu/menu'
		});
	}
</script>

<style scoped>
	.img{
		width:200px;
		height:200px;
		margin-top: 50px;
		
	}
	.img .imgs{
		width:200px;
		height:200px;
	}
	.text{
		width:180px;
		height:50ox;
		text-align: center;
		color:gray;
		margin:20px auto;
	}
	.botton{
		background-color: #8cc540;
		width:180px;
		height:50ox;
		line-height:50px;
		text-align: center;
		border-radius:25px;
		margin:0 auto;
	}
</style>